// 通用样式--简写
// 对齐，布局相关
.flex-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-fs-c {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

// bfc相关
.inline-b {
    display: inline-block;
}

// 位移相关，尺寸
.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml10 {
    margin-left: 10px;
}

.pd10 {
    padding-top: 10px;
}

.border-t {
    border-top: 1px solid #ddd;
}


// 重置第三方组件

.long200 {
    width: 200px !important;
}

.long300 {
    width: 300px !important;
}

.long-percen50 {
    width: 50% !important;
}
